<template>
<div>
<div class="" style="border:1px solid #1FC5DE; margin-bottom:10px;" >
{{id}}

<el-row >
	<el-col :span="12" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
		<el-form :model="obj" label-width="100px" class=" white" >
			<el-form-item label="网格名称：" class="pt10 mb5"  >
				{{obj.company_name}}
			</el-form-item>

			<!-- <el-form-item label="网格级别：" class="mb5" >
				{{obj.type}}
			</el-form-item> -->

			<el-form-item label="网 格 长：" class="mb5" >
				{{obj.name}}
			</el-form-item>

			<!-- <el-form-item label="联系电话："  class="mb5 pb10" >
				{{obj.mobile}}
			</el-form-item> -->

			<el-form-item label="副网格长：" class="mb5" >
				
			</el-form-item>

			<el-form-item label="审核员一：" class="mb5" >
				
			</el-form-item>
		</el-form>
	</el-col>
	<el-col :span="12" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
		<el-form :model="obj" label-width="100px" class=" white" >
			<el-form-item label="网格编码：" class="pt10 mb5"  >

			</el-form-item>

			<el-form-item label="联系电话："  class="mb5" >
				{{obj.mobile}}
			</el-form-item>

			<el-form-item label="联系电话："  class="mb5" >
			</el-form-item>

			<el-form-item label="审核员二：" class="mb5" >
				
			</el-form-item>

			<!-- <el-form-item label="网格级别：" class="mb5" >
				{{obj.type}}
			</el-form-item>

			<el-form-item label="网格长：" class="mb5" >
				{{obj.name}}
			</el-form-item> -->

			
		</el-form>

	</el-col>

</el-row>


</div>

<div class="" style="border:1px solid #1FC5DE;height:225px; margin-bottom:10px;padding:10px;overflow-y:scroll;overflow:auto;">

<div class="text-center mb10">
	<img src="../../../assets/jiagou.png">
</div>

<div v-if="obj.type == '1'">
	
	<div class="text-center">市级网格主要职责</div>
	<div style="text-indent:32px;">
    <p>负责指导全市环境网格化监管工作，制定市县（区）网格化监管考核奖惩办法，协调解决跨县（区）环境问题，对属于市级部门职责的负责协调移送，跟踪落实，配合处置。处置后及时向各县（区）反馈，指导县（区）现场核查直至结案。</p>
    </div>
</div>


<div v-if="obj.type == '2'">
	<div class="text-center">	区县级网格主要职责</div>
	<div style="text-indent:32px;">
    <p>   一是制定本县（区）环境网格化监管实施方案，落实相关职能部门环保职责，完善运行机制。</p>
    <p>   二是加强镇（办）环保队伍建设，落实监管人员，明确镇（办）环保职责。</p>
    <p>   三是指导二、三级网格的建立和运行，及时传达落实重点工作任务和要求，协调解决重大环境问题及上级转办和下级网格上报问题。</p>
    <p>   四是组织协调镇（办）和相关职能部门实施水、大气、土壤等污染防治及农村清洁工程等环保重点工作，加强环境监管，严格环境准入，严查违法行为，依法取缔或关闭严重违法企业。</p>
    <p>   五是建立视频监控管理系统和网格化监管信息系统，及时填报网格化环境监管台账、报表。</p>
    <p>   六是加大保护和改善环境、防治污染和其他公害的财政投入。</p>
    <p>   七是加强环境应急管理，建立健全预警机制，做好突发环境事件的风险控制、应急准备、应急处置和事后恢复等工作。</p>
    <p>   八是加强环保宣传教育，协调处理环境信访举报，维护社会稳定，及时公开环境信息，接受社会监督。</p>
    <p>   九是定期对辖区环保重点、难点问题进展情况进行跟踪督办，监督本辖区二、三级网格责任主体尽责履职，实施约谈、问责、考核、奖惩。</p>
   	</div>

</div>

<div v-if="obj.type == '3' || obj.type == '4'">
	
	<div class="text-center">乡镇级网格主要职责</div>
	<div style="text-indent:32px;">
    
       <p>一是聘任村（社区）环境协管员，组织开展本镇（办）环境网格化监管工作。</p>
       <p>二是指导三级网格的建立和运行，及时传达落实重点工作任务和要求，协调解决镇（办）突出环境问题及下级网格上报问题。</p>
       <p>三是组织本镇（办）相关职能股室、站所、部门加强环境监管，开展生态环境检查、垃圾污水卫生清洁整治活动，及时制止并上报环境违法行为，配合查处和取缔、关闭违法企业。</p>
       <p>四是加强环境应急管理，开展环境隐患排查，采取措施防止污染扩大，配合做好突发环境事件的风险控制、应急准备、应急处置和事后恢复等工作。</p>
       <p>五是广泛开展环境宣传“五进”活动，配合处理环境信访投诉，动员辖区干部职工和居民积极参与环境网格化监管工作。</p>
       <p>六是及时填报网格化环境监管台账、报表。</p>
       <p>七是定期检查本辖区环保重点、难点问题整治进展情况，监督本辖区三级网格的工作开展，进行指导、考核、奖惩</p>
    </div>



</div>



</div>


</div>
</template>

<script>

import { mapGetters } from 'vuex'

export default {
	
	name : 'info',
	
	data () {
		return {
		  	obj : {},
		}
	},

	props : {
		gridid : {
			type : String,
			default : '',
		}
	},

	components : {
		
	},

	computed : {
		...mapGetters([
			
		]),

		id () {
			if(this.gridid == '') return '';
			this.$http({
				fun : 'homeGridInfo',
				grid_id : this.gridid,
				cb : res => {
					console.log('homeGridInfo');
					console.log(res);
					this.obj = res;
				}
			});
			return "";
		}
	},

	methods : {
		init () {
			// this.$http({
			// 	fun : 'homeGridInfo',
			// 	grid_id : this.gridid,
			// 	cb : res => {
			// 		console.log(res);
			// 		this.obj = res;
			// 	}
			// });
		},
	},

	watch : {
	    
	},

	mounted () {
		this.init();
	},

}
</script>

<style scoped>
    .lyx-info .el-form-item{
        margin-bottom: 0px;
    }
    .lyx-info>>> .el-form-item__label{
        font-weight: bold;
    }
</style>
